<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>jQuery 添加和删除 DOM 元素</title>
    <style>
        section {
            padding: 10px;
        }
    </style>
</head>
<body>
    <h1>jQuery 添加和删除 DOM 元素示例</h1>
    <section>
        <h1>添加</h1>
        <ul>
            <li>prepend / prependTo</li>
            <li>append / appendTo</li>
            <li>after / insertAfter</li>
            <li>before / insertBefore</li>
        </ul>
    </section>
    <section>
        <h1>删除</h1>
        <ul>
            <li>empty</li>
            <li>remove</li>
        </ul>
    </section>
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
</body>

</html>
